<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 数组api（数组方法）
    // const arr = [2, 1, 5, 4];


    // push方法就是在数组的最后加一项
    // push方法会改变原数组
    // push方法会返回改变完以后的数组的长度
    // const result = arr.push("e");
    // console.log(arr);
    // console.log(result);


    // pop方法是删除数组的最后一项
    // pop方法会改变原数组
    // pop方法会返回被删除的那一项的值
    // const result = arr.pop()
    // console.log(arr);
    // console.log(result);



    // unshift方法就是在数组的前面加一项
    // unshift方法会改变原数组
    // unshift方法会返回改变完以后的数组的长度
    // const result = arr.unshift("o")
    // console.log(arr);
    // console.log(result);



    // shift方法就是删除数组的第一项
    // shift方法会改变原数组
    // shift方法会返回被删除的那一项的值
    // const result = arr.shift()
    // console.log(arr);
    // console.log(result);
    


    // reserve方法用于反转数组项的位置
    // reserve方法会改变原数组
    // reserve方法的返回值是改变完以后的数组
    // const result = arr.reverse()
    // console.log(arr);
    // console.log(result);



    // sort方法用于做数组的排序
    // sort方法会改变原数组
    // sort方法的返回值是改变完以后的数组
    // const result = arr.sort()
    // const result = arr.sort((a, b) => {
    //   // return a - b; // 从小到大
    //   return b - a; // 从大到小
    // })
    // console.log(arr);
    // console.log(result);


    
    





    // concat方法用于做数组拼接,或者在数组的最后添加一项
    // concat方法不会改变原来的数组
    // 返回值就是拼接完以后的新数组
    // const arr1 = [1,2,3];
    // const arr2 = [4,5,6];
    // const arr3 = arr1.concat(arr2);
    // console.log(arr3);
    // console.log(arr1);
    // const arr4 = arr3.concat(7);
    // console.log(arr4);



    // slice方法用于做数组的截取
    // slice不会改变原数组
    // slice返回的是截取以后的数组
    // 两个参数，包含第一个参数的项，不包含第二个参数的项
    // const arr = ["a", "b", "c", "d", "e", "f"];
    // const result = arr.slice(1, 3);
    // console.log(arr);
    // console.log(result);
    // 主要可以用于做信息的分页
    // 比如一共有65条数据，每一页要10条
    // arr 65
    // const arr2 = arr.slice(0, 10)
    // const arr3 = arr.slice(10, 20)

    

    
    
    
  </script>
</body>
</html>